.container {
    width: 1002px;
    margin: 0 auto;
   
}
body {
   
    overflow-x: hidden;
}

.float_left {
    float: left;
}
.float_right {
    float: right;
}

.max_width {
    max-width: 1920px;
    min-width: 1002px;
    margin: 0 auto;
}

.page_top {
    height:  30px;
    background-color: #e6e6e6;
    line-height: 30px;
    
}
.page_top .rec{
    color: #666;
    font-family: 'Arial';
    font-size: 13px;
}
.page_top .fenxiang{
    color: #808080;
    margin-left: 280px;
    margin-right: 10px;
}

.page_top .search {
    width: 150px;
    height:  18px;
    position: relative;
   
}
.page_top .search #searchin {
    width: 145px;
    height: 18px;
    border: 1px solid #808080;
    color: #808080;
    background-color: #e6e6e6;
    padding-left: 5px;
}

.page_top .search #searchsubmit {
    position: absolute;
    right: 9px;
    top: 8px;
    width: 14px;
    height: 14px;
    border: 0;
    background: url(../img/search.jpg)
}

.bds_weixin {
    margin-right: 0 !important;
}




.index_logo {
    height: 126px;
    margin-top: 1px;
    border-top: 1px solid #e6e6e6;
    background-color: #f2f2f2;
}

.index_logo .left {
    padding-top: 40px;
}

.index_logo .mid {
    padding-top: 34px;
    margin-left: 21px;
}
.index_logo .mid h2{
    font-size: 23px !important;
    color: #1a1a1a;
    line-height: 1;

}
.index_logo .mid h3{
    font-size: 13px;
    color: #333333;
    line-height: 1;
    padding-top: 12px;
    font-weight: normal;

}

.index_logo .float_right {
    padding-top: 36px;
	background:url(../img/index_email.png) left 36px no-repeat;
	padding-left:61px;
	font-size:18px;
	color:#555555;
	line-height:29px;
}


.index_nav  {
    height:  50px;
    background: url(../img/nav_bg.jpg);
    line-height: 50px;
}

.index_nav li {
    float: left;
    width: 167px;
    text-align: center;
    height: 50px;
}
.index_nav li h2{
    font-weight: normal;
    color: #fff;
    font-size: 16px;
}


.index_product {
    height:  503px;
    background: url(../img/huawen.jpg);
}
.index_product .left {
    width: 224px;
    margin-left: 1px;
}
.index_product .left .title {
    height: 105px;
    color: #fff;
    font-size: 20px;
    background-color: #21aff1;
    text-align: center;
    line-height: 105px;
    margin-top: 55px;
}

.index_product .left .list {
 
    
}

.index_product .left .list li{
    margin-bottom: 1px ;
    background-color: #fff;
    line-height: 22px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 20px;
   
}

.index_product .left .list li h3{
    color: #b2b2b2;
    font-size: 16px;
    font-weight: normal;
     padding-left: 58px;
    
}

.index_product .left .list span {
    position: absolute;
    left: 10px;
    top: 21px;
    width: 28px;
    height: 28px;
    background: url(../img/lis_nor.jpg) no-repeat;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    color: #fff;
}

.index_product .left .list li:hover h3{
    color: #20aff1;
    font-size: 16px;
}
.index_product .left .list li:hover span {
    background: url(../img/list_hover.jpg) no-repeat;
}

.index_product .right{
    width: 737px;
    margin-top: 92px;
}
/* 产品样式  */
.show_product .top .line {
    width: 3px;
    height: 34px;
    background-color: #21aff1;
}
.show_product .top .zh {
    font-size: 25px;
    color: #20aff1;
    margin-left: 20px;

}
.show_product .top .en {
    font-size: 16px;
    color: #b2b2b2;
    margin-left: 24px;
    margin-top: 10px;
}


#news {
	width: 100%;
}

.show_product .top .more {
    margin-top: 10px;
}
.show_product .line_border {
    width: 100%;
    height:  1px ;
    background-color: #b3b3b3;
    margin-top: 15px;
}
.show_product ul li {
    float: left;
    margin-right: 68px;
    width: 200px;
    border-bottom: 1px solid #20aff1;
    padding-bottom: 8px;
}

.show_product ul li:nth-child(3n) {
    margin-right: 0 !important;
}
.show_product .show_product_list .product_image {
    height:  169px;
}
.show_product .show_product_list .product_image img{
    border: 1px solid #20aff1;
}

.show_product .show_product_list  {
    margin-top: 40px;
}

.show_product .show_product_list .title  {
    margin-top: 30px;
}
.show_product .show_product_list .title a{
    font-size: 13px;
    color: #808080;
    line-height: 1;
    
}

.show_product .show_product_list .title span {
    margin-top: -6px;
}



/* 结束 */
.index_gongyi {
    height:  500px;
    background-color: #f1f1f1;
}
.index_gongyi .index_gongyi_border {
    width: 100%;
    height: 10px;
    background-color: #21aff1;
    position: relative;
}

.index_gongyi .index_gongyi_border .index_gongyi_border_jiantou  {
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -19px;
    
}

.index_gongyi .container .title  {
    text-align: center;
    margin-top: 52px;
}
.index_gongyi .container .title .top .topl {
    display: inline-block;
    width: 158px;
    height:  53px;
    color: #fff;
    line-height: 53px;
    background-color: #21aff1;
    font-size: 26px;
    font-weight: bold;
}

.index_gongyi .container .title .top .topr {
    display: inline-block;
    color: #fd5221;
    font-size: 24px;
    font-weight: bold;
    margin-left: 8px;
}

.index_gongyi .container .title .bot {
    color: #666666;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-top: 22px;
}

.index_gongyi_rec  ul li {
    float: left;
    margin-right: 72px;
    margin-top: 88px;
    text-align: center;
}
.index_gongyi_rec  ul li:nth-child(5) {
    margin-right: 0 !important;
}

.index_gongyi_rec  ul li .title_img {
    color: #808080;
    font-size: 16px;
    line-height: 16px;
    margin-top: 16px;
}


.index_aboutus {
    height: 333px;
    
    margin-top: 50px;
    /*background: url(../img/aboutus.jpg) right no-repeat;*/
    background-color: #21aff1;
}
.index_aboutus .container .left {
    padding-top: 34px;
    color: #fff;
    width: 501px;
}

.index_aboutus .container .left .top {
    
    color: #fff;
}

.index_aboutus .container .left .top span:nth-child(1) {
    font-size: 25px;
    margin-right: 31px;
}
.index_aboutus .container .left .top span:nth-child(2) {
    font-size: 13px;
}

.index_aboutus .line .left_line {
    height:  2px;
    width: 99px;
    background-color: #f8c14d;
    margin-top: 7px;

}
.index_aboutus .line .right_line {
    width: 392px;
    height: 1px;
    background-color: #30b6f4;
    margin-top: -2px;
}
.index_aboutus  .left .mid .title {
    font-size: 22px;
     color: #fff;
     line-height: 25px;
     margin-top: 20px;
}

.index_aboutus  .left .mid .content {
    width: 468px;
    color: #fff;
    margin-top: 20px;
}
.index_aboutus  .left .aboutmore {
    margin-left: 1px;
    margin-top: 20px;
}
.index_aboutus .container{
    position: relative;
}
.index_aboutus .right {
    position: absolute;
    left: 501px; 
}


/* page_left  */
.page_Left {
    margin-top: 25px;
}
.page_Left .left_list .top{
    height:  58px;
    background: url(../img/page_left_top.jpg) no-repeat;
}

.page_Left .left_list .normal{
        height: 34px;
        background: url(../img/left_normal.jpg) no-repeat 26px 14px;
        line-height: 34px;
       
}
.page_Left .left_list  .leftM {
    width: 165px;
    padding-left: 25px;
   
}
.page_Left .left_list  .leftM h3 {
    padding-left: 22px;
}

.page_Left .left_list .list .leftM:nth-child(1) {
    margin-top: 16px;
}


.page_RightMain p {
	margin-top: 10px;
}


.page_Left .left_list h3 {
    font-weight: normal;
    font-size: 13px;
    color: #333333;
}



.page_Left .left_list .top .title{
     color: #fff;
    font-size: 25px;
     text-align: center;
    line-height: 58px;
}

.page_Left .bot {
    margin-top: 20px;
   
}
.page_Left .bot .img {
    height: 75px;
}
.page_Left .bot .title {
    height:  58px;
    background-color: #21aff1;
    color: #fff;
    line-height: 58px;
    font-size: 25px;
    text-align: center;
}

.page_Left .bot .info li {
    line-height: 13px;
    font-size: 13px;
    color: #4c4c4c;
    margin-bottom: 12px;
    padding-left: 12px;
    width: 172px;
}
.page_Left .bot .info {
    height:  268px;
    width: 228px;
    border: 1px solid #808080;
    border-top: 0 !important;
}
.page_Left .bot .info li:nth-child(1) {
    padding-top: 18px;
}



.page_Left .bot .info li:nth-child(4) div:nth-child(2){
    width: 115px;
    line-height: 20px;
    margin-top: -2px;


}

.page_Left .bot .info .scan {
    margin-top: 13px;
    margin-left: 69px;
}



.product_info li .tel{
    font-style: italic;
    font-weight: bold;
    font-size: 17px;
}
.product_info .lijizixun {
    width: 100px !important;
    height: 25px !important;
    cursor: pointer;
    text-align: center;
    line-height: 25px;
    background-color: #21aff1;
    padding: 0 !important;
}
.product_info .lijizixun a {
    color: #fff;

}





/* index_rec */
	.index_rec .container .top {
			height: 121px;
			text-align: center;
			margin-top: 54px;
			background: url(../img/index_rec_border.png) left 24px no-repeat;
		}
		.index_rec .container .top .title{
			font-size: 46px;
			color: #4c4c4c;
			line-height: 46px;
		}
		.index_rec .container .top .title span{
			font-size: 50px;
			color: #21aff1;

		}
		.index_rec .container .top .tips{
			font-size: 20px;
			color: #fff;
			width: 630px;
			height: 40px;
			background-color: #808080;
			margin-left: 186px;
			margin-top: 37px;
			line-height: 40px;

		}
		.index_rec .container .rec {
			position: relative;
		}
		.index_rec .container .rec li{
			width: 573px;
			position: absolute;
		}
		.index_rec .container .rec li .left {
			font-size: 27.8px;
			color: #fff;
			width: 54px;
			height: 81px;
			background-image: url(../img/index_rec_tip.jpg) ;
			line-height:81px;
			padding-left: 29px;
		}
		.index_rec .container .rec li .right {
			width: 470px;
			margin-top: 10px;
		}
		.index_rec .container .rec li .right .title{
			color:　#21aff1;
			font-size: 16.6px;
			line-height: 23.6px;
			
		}
		.index_rec .container .rec li .right .title span{
			font-size: 16.6px;
			color:　#fd5221;
			line-height: 23.6px;
			margin-left: 5px;
		}
		.index_rec .container .rec li .right .en {
			font-size: 13px;
			color: #bfbfbf;
			line-height: 13px;
			margin-top: 7px;
		}
		.index_rec .container .rec li .right .line {
			font-size: 13px;
			color: #bfbfbf;
			width: 466px;
			height: 1px;
			background-color: #bfbfbf;
			margin-top: 5px;
		}
		.index_rec .container .rec li .right .content{
			font-size: 13px;
			color: #808080;
			line-height: 26px;
			margin-top: 11px;

			
		}
		.index_rec .container .rec li .right .content span{
			color: #fd5221;
		}


		.index_rec .container .rec li:nth-child(1){
			top: 41px;
		}
		.index_rec .container .rec li:nth-child(2){
			top: 231px;
		}
		.index_rec .container .rec li:nth-child(3){
			right: 0;
			top: 483px;
		}
		.index_rec .container .rec li:nth-child(4){
			right: 0;
			top: 666px;
		}
		.index_rec .container .rec li:nth-child(5){
			width: 728px;
			right: 0;
			top: 860px;
		}
		.index_rec .container .rec li:nth-child(5) .right{
			width: 626px !important;
		}
		.index_rec .container .rec  .rec_image_right {
			margin-left: 615px;
			padding-top: 52px;
		}
		.index_rec .container .rec  .rec_image_left {
			
			margin-top: 30px;
		}
		img {
			display: block;
		}
		.index_rec .container .rec  .line {
			margin-top: 86px;
		}
		.index_rec .container .rec  .linea {
			width: 750px;
			height: 1px;
			background-color: #b3b3b3;
			margin-top: 127px;
		}
		.index_rec .container .rec  .lineb {
			width: 750px;
			height: 1px;
			background-color: #b3b3b3;
			margin-top: 10px;
			margin-left: 252px;
		}

/*index_shouhou*/
		.index_shouhou {
			margin-top: 30px;
			height:  281px;
			background: url(../img/index_rec.png) center center no-repeat;
			color: #fff;
			font-size: 40px;

		}
		.index_shouhou .phone {
			float: right;
			line-height: 28px;
			margin-top: 108px;
            color: #fff;
			font-size: 40px;
		}
/*index_news*/
		.index_news {
			height:  450px;
           
		}
         .index_news .news,  .index_news .que{
            position: relative;
         }
        .index_news .line{
            height: 1px;
            background-color: #37c2ff;
           width: 100%;
            position: absolute;
            top: 1px;
            left: 0;
        }
		.index_news .news {
			width: 700px;
             background-color: #fff;

            height: 450px;
		}
		.index_news .news .title {
			height: 44px;
			line-height: 44px;
			font-size: 16px !important;
			color: #fff !important;
			background: url(../img/circle.jpg) 11px 16px   #21aff1 no-repeat ;
			padding-left: 34px;
			padding-right: 11px;
		} 
		.index_news .news .title a,.index_news .que .title a{
			color: #fff;
			font-size: 16px;
		}
		.index_news .que {
			width: 272px;
			 background-color: #fff;
             height: 450px;
			
		}
		.index_news .que .title{
			height: 44px;
			line-height: 44px;
			font-size: 16px ;
			background: url(../img/circle.jpg) 11px 16px   #21aff1 no-repeat ;
			padding-left: 34px;
			padding-right: 11px;
		}
		.index_news .news .news_list .news_content .top .news_title {
			color: #010101;
			font-size: 16px;
		}
		.index_news .news .news_list .news_content .top .content {
			color: #4c4c4c;
			font-size: 13px;
		}
		
		.index_news .news .news_list .news_content .top .float_right {
			width: 416px;
		}
		.index_news .news .news_list .news_content {
			height: 164px;

		}
		.index_news .news .news_list .news_content:nth-child(1) {
			margin-top: 30px;
		}
		.index_news .news .news_list .news_content:nth-child(2) {
			margin-top: 20px;
		}
		.index_news .news .news_list .news_content  .top .float_left img{
			padding: 1px;
			border: 1px solid #cccccc;
		}
		.index_news .news .news_list .news_content  .top .float_left {
			margin-left: 20px;
		}
		.index_news .news .news_list .news_content  .top .float_right {
			margin-right: 16px;
		}
		.index_news .news .news_list .news_content .news_title {
			line-height: 1;
			margin-top: 10px;
		}
		.index_news .news .news_list .news_content .content {
			line-height: 23px;
			margin-top: 15px;
			margin-bottom: 15px;
			
		}
		.index_news .news .news_list .news_content .more {
			width: 100px;
			height: 30px;
			background-color: #21aff1;
			text-align: center;
			line-height: 30px;
			
		}
        .index_news .news .news_list .news_content .more a{
                color: #fff;
        }
		.index_news .que {
			width: 272px;
			
		}
        .index_news .news .float_left,.index_news .que .float_left {
            color: #fff;
        }
		.index_news .que .top {
			margin-top: 20px;
			margin-left: 20px;
		}
		.index_news .que .mid  .que_title {
			margin-left: 20px;
			line-height: 1;
		}
		.index_news .que .mid  .que_title a{
			color: #000000;
			font-size: 15px;

		}
		.index_news .que .mid  .content {
			margin-left: 20px;
			font-size: 15px;
			color: #808080;
			line-height: 20px;
			margin-top: 6px;
			
		}

		.index_news .que .mid  li:nth-child(1) {
			margin-top: 15px;
		}
		.index_news .que .mid  li:nth-child(2) {
			margin-top: 29px;
		}
/*  index_links*/
.index_links {
			margin-top: 40px;

			
		}
		.index_links .container .top {
			border-bottom: 1px solid #ccc9c8;
			padding-bottom: 8px;
		}
		.index_links .container .top span:nth-child(1) {
			color: #21aff1;
			font-size: 20px;
		}
		.index_links .container .top span:nth-child(2) {
			color: #000000;
			font-size: 13px;
		}
		.index_links .container  .content li {
			float: left;
			line-height: 13px;
			margin-top: 21px;
			margin-right: 4px;
			padding-right: 7px;
			background: url(../img/link_border.jpg) right 2px no-repeat;

		}
		.index_links .container  .content li:nth-last-child(1) {
			background: url('') !important;
		}
		.index_links .container  .content a {
			color: #4c4c4c;
			font-size: 13px;
		}
		.index_links .container .float_right {
			margin-top: 21px;
		}


/*footer*/
.page_footer {
		height: 300px;
		background-color: #4d4d4d;
		margin-top: 30px;
	}
    .page_footer .footer_nav li a h2{
        color: #fff;
		font-size: 20px;
		font-weight: normal;
    }
	.page_footer .footer_nav li {
		float: left;
		
		
		width: 167px;
		text-align: center;
		margin-top: 24px;
		height:  50px;
		line-height: 50px;
		border-bottom: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
	}
	.page_footer .footer_info {
		margin-top: 40px;
	}
	.page_footer .footer_info  .left{
		margin-left: 10px;
		margin-right: 50px;
	}

    .page_footer .footer_info  .mid{
        color: #fff;
    }
     .page_footer .footer_info  .mid li{
         line-height: 13px;
         margin-bottom: 12px; 
     }

      .page_footer .footer_info .float_right {
        
          margin-right: 53px;
          text-align: center;
      }
      .page_footer .footer_info .float_right .tip{
          line-height: 13px;
          color: #fff;
          margin-top: 10px;
      }
      .page_footer  .copyright {
          height:  37px;
          border-top: 1px solid #ffffff;
          line-height: 37px;
          text-align: center;
          color: #fff;
          margin-top: 20px;
          position: relative;
          font-size: 13px;
      }
      .page_footer  .copyright a{
           color: #fff;
      }
        .page_footer  .copyright span{
            display: inline-block;
            margin-left: 6px;
            position: absolute;
            top: 6.5px;
            
        }


/* left */

      .page_Left  .top {
			width: 230px;
		}
		.page_Left .top .title {
			height:  58px;
			background-image: url(../img/left_top.jpg);
			color: #fff;
			text-align: center;
			line-height: 58px;
			font-size: 25px;
		}
	.page_Left	.top .list {
			border: 7px solid #21aff1;
			border-top: 0;
			padding-bottom: 18px;
		}
	.page_Left	.list_normal {
			width: 216px;
			background: url(../img/list_normal_border.jpg) bottom center no-repeat;
			line-height: 18px;
            position: relative;
            padding: 10px 0px;
		}
	.page_Left	.list_normal a h3{
			font-size: 13px;
			color: #333333;
			text-decoration: none;
			padding-left: 42px;
            font-weight: normal;
			

		}
	.page_Left	.list_normal span {
			background: url(../img/list_normal.jpg);
			position: absolute;
			width: 6px;
			height: 5px;
			top: 50%;
			left: 26px;
			margin-top: -3px;

		}
	.page_Left	.list_hover {
			padding-top: 16px;
		}
		.page_Left .list_hover a h3{
			font-size: 16px;
			display: block;
			color: #fff;
			text-decoration: none;
			width: 151px;
			background: url(../img/list_hovera.jpg)  10px 13px no-repeat;
			background-color: #21aff1;
			margin-left: 16px;
			line-height: 20px;
			padding-left: 31px;
            font-weight: normal;
            padding-top: 5px;
            padding-bottom: 5px;

		}


#code_char {
    float: left;
}        

#getcode_char,#getcode_char1 {
    float: left;
    margin-left: 10px;
    margin-top: 4px;
}
.inquiry  {
    padding-bottom: 30px !important;
}


.copyright .p {
	color: #fff !important;
	float: left;
	margin-left: 192px;
}




#product_detail {
	margin-top: 20px;
}



#sitemap {
	margin-top: 20px;
}


body {
	
}
/* slide  */
.slide {
	position: fixed;
	right:0;
	top:214px;
	z-index:100;
	width: 70px;
}

.slide li{
	width: 57px;
	height:  57px;
	background-color: #d8d8d8;
	text-align: center;
	padding-left: 13px;
	border-bottom: 1px solid #dddddc;
	padding-top: 13px;

}

.slide li .slidebox{
	text-align: center;
	
	
}

#gototop{
	height: 35px;
	background-color: #cccccc;
	padding-top: 10px;
}
#zaixiankefu {
	width: 70px;
	padding-left: 0;
	background-color: #21aff1;
}
#zaixiankefu a{
	font-size: 17.5px;
	color: #fff;
    line-height: 43px;

}

.slide li:nth-child(5),.slide li:nth-child(4) {
	padding-right: 3px;
	width: 70px !important;
	padding-left: 10px !important;
}
.slide .tel {
	position: relative;
}
.slide .tel .info {
	position: absolute;
	width: 220px;
	right: 75px;
	font-size: 16px;
	top: 0;
	background-color: #d8d8d8;
	height: 70px;
	line-height: 70px;
	text-align: center;
	display: none;
}

.slide .wx {
	
	position: relative;
	cursor: pointer;
	
}
.slide .wx  .info{
	border: 0;
	height: 50px;
	width: 50px;
	position: absolute;
	left: -100px;
	top: 0;
	display: none;
}
.slide .wx .info img{
	width: 100px;
	height: 100px;
} 